body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:black;margin-left:0px;margin-top:0px;margin-right:0px;text-align:center;background-attachment:fixed;background-image:url(/zc_bg_2560_1440.jpg);background-position:top center;background-repeat:no-repeat;margin:0;padding:0;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}

@media all and (max-width:640px) and (max-height:426px){body{background-size:640px 426px;-moz-background-size:640px 426px;-webkit-background-size:640px 426px;}
}
@media screen and (orientation:portrait) and (device-width:320px), (device-width:768px){body{-webkit-background-size:auto 100%;}
}
@media screen and (orientation:landscape) and (device-width:320px), (device-width:768px){body{-webkit-background-size:100% auto;}
}
A:link{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none;color:black;}
A:visited{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none;color:black;}
A:hover{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none;color:blue;}
A:active{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none;color:blue;}
tbody{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;}
td{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;}
div#kopafbeelding{left:0px;top:0px;width:100%;height:50px;z-index:2;text-align:right;background-position:center;}
h1{font-size:125%;font-weight:bold;font-style:italic;}
h3{font-family:Times New Roman, Times, serif;font-size:50px;font-weight:bold;}
.styleswitcher{width:20px;float:left;font-weight:bold;}
form{font-family:Verdana, Arial, Helvetica, sans-serif;font size:100%;color:black}
textarea{font-family:Verdana, Arial, Helvetica, sans-serif;font size:100%;color:black}
input{font-family:Verdana, Arial, Helvetica, sans-serif;font size:100%;color:black}
select{font-family:Verdana, Arial, Helvetica, sans-serif;font size:100%;}
h2{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:#999999}
navi{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:blue}
A.navi:link{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none;color:black}
A.navi:visited{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none;color:black}
A.navi:hover{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none;color:blue;}
A.navi:active{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none;color:blue}
div#taal{float:right;position:relative;left:-20px;top:-25px;width:20px;height:19px;z-index:1;}
div#datum{float:right;padding:3px 10px;font-family:Verdana, Arial, Helvetica, sans-serif;}
div#naam{font-family:Times New Roman, Times, serif;font-size:50px;font-weight:bold;float:left;height:30px;margin-left:20 px;padding:15px 15px;color:black;z-index:1;}
#naam A:link{font-family:Times New Roman, Times, serif;font-size:50px;font-weight:bold;text-decoration:none;color:black;}
#naam A:visited{font-family:Times New Roman, Times, serif;font-size:50px;font-weight:bold;text-decoration:none;color:black;}
#naam A:hover{font-family:Times New Roman, Times, serif;font-size:50px;font-weight:bold;text-decoration:none;color:blue;}
#naam A:active{font-family:Times New Roman, Times, serif;font-size:50px;font-weight:bold;text-decoration:none;color:black;}
div#subnaam{position:absolute;top:70px;left:15px;font-family:Times New Roman, Times, serif;color:black;font-size:24px;font-weight:bold;float:left;margin-top:250px;margin-left:38px;padding:0px 0px;}
div#body{width:880px;text-align:center;background-position:center;margin:0 auto 30 auto;}
div#havensoverzicht{width:820px;text-align:left;background-image:url(https://www.zeilcharter.nl/nederland_havens_800.jpg);background-position:right;background-repeat:no-repeat;padding:15px 8px;z-index:1000;}
div#havens{width:860px;text-align:left;background-image:url(https://www.zeilcharter.nl/nederland_havens_800.jpg);background-position:right;background-repeat:no-repeat;padding:15px 8px;z-index:1000;}
div#nav_container{position:relative;top:10px;left:0px;margin:0 auto 20 auto;width:854px;height:30px;background-color:#f6f6f6;text-align:left;padding-left:3px;padding-top:6px;box-shadow:3px 3px 6px 3px #999999;border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}
#nav, #nav ul{height:17px;width:848px;float:left;background-color:#f6f6f6;padding:1px 0 0px 0px;margin:0;list-style:none;font-weight:bold;}
#nav li{width:130px;height:20px;float:left;text-align:center;background-color:#f6f6f6;list-style:none;padding:1px 0px 0px 0px;margin-left:0px;list-style:none;font-weight:bold;}
#nav ul{width:130px;float:left;background-color:#f6f6f6;list-style:none;padding:0px 0px 0px 0px;margin-left:0px;list-style:none;font-weight:bold;position:absolute;left:-1000px;}


@media screen and (min-width:1025px){#nav li:hover ul, #nav li.ie_does_hover ul{left:auto;background-position:0 0;}
#submenu{display:none;}
}
#nav a{display:block;}
/*#sticky-anchor{/*margin:0 auto 0 auto;*/position: relative; /* Ensures it stays in flow */
 /*   top: -0px; /* Adjust this value to move the anchor upwards */padding-top:10px;
    height: 10px; /* Same as the negative top value */}
/* Add styling for the sticky div*/
/*#sticky{width:848px;height:38px;position:relative;margin-top:-615px;padding-top:10px;transition: margin-top 3.6s ease, background-color 3,6s ease;background-color:#lightblue;border-bottom-left-radius:0.5ex;border-bottom-right-radius:0.5ex;padding:0.5ex;border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;margin:10 auto 0 auto;box-shadow:3px 3px 6px 3px #999999;display:table;z-index:500;opacity:0.9;filter:alpha(opacity=90);}
 /* When the div becomes sticky, update its position */
/*#sticky.stick{position:fixed;top:0;padding-top:10px;background-color: lightcoral;
margin:0 auto 10 0;z-index:10000;border-radius:0.5em 0.5em 0.5em 0.5em;padding:0.5ex;!margin:0 auto 0 12;//IE7
z-index:500;}*/

/*#sticky-anchor {
    height: 1px;
	margin:10px;
	padding:10 px;
}
#sticky-placeholder {
    height: 0;
	padding: 10px;
}
#sticky {
    position: relative;
    background-color: orangered;
    padding: 10px;
    border: 5px solid blue;
    transition: all 3.3s ease; /* Zorgt voor een geleidelijke overgang */
	height: 30px; /* Zorg dat dit overeenkomt met de echte hoogte */
	/*z-index: 1001;
}

#sticky.stick {
    position: fixed;
    top: 40px;
    height:40px;
	width: 100%;
	padding: 10px;
    border-color: 5px solid red; /* Verandert de kleur geleidelijk */
 /*   box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* Voeg een schaduw toe */
/*}*/

#sticky-anchor {
    height: 40px;
	/*margin:0px;*/
	 margin-top: -120px; /* Afstand vanaf boven - maakt niks uit */
	padding:10 px;
	border: 2px solid red;

}
#sticky-placeholder {
    height: 40;
}
#sticky {
    position: sticky;
    top: 5px; /* bij -15 plakt hij boven de schermrand */
	/* position: relative;*/
    background-color: white;
    padding: 5px;
	margin-top : 0px; /*gaat ie omhoog ? ja,behalve dee tekst */
	margin-bottom: 100px;
    border: 2px solid blue;
    transition: all 3.3s ease; /* Zorgt voor een geleidelijke overgang */
	height: 40px; /* Zorg dat dit overeenkomt met de echte hoogte */
	    width: 844px;
	z-index: 100;
}

#sticky.stick {
    position: sticky;
    top: 40px; /* 40 geen verschil */
	padding: 5px;
    width: 844px;
    border: 3px solid red; /* Verandert de kleur geleidelijk */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* Voeg een schaduw toe */
	z-index: 100;
}
div#regela, div#regeladag{position:relative;top:-85px;background-color:#EBEBEB;opacity:0.9;filter:alpha(opacity=90);width:854px;height:124px;text-align:left;box-shadow:3px 3px 6px 3px #999999;zoom:1;filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#ff0000);margin:0 auto 17 auto;border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}
div#regela:hover, div#regeladag:hover{opacity:1.0;filter:alpha(opacity=100);}
div#regelb, div#regelbdag{position:relative;top:-85px;background-color:#f6f6f6;opacity:0.9;filter:alpha(opacity=90);width:854px;height:124px;text-align:left;box-shadow:3px 3px 6px 3px #999999;zoom:1;filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#ff0000);margin:0 auto 17 auto;border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}
div#regelb:hover, div#regelbdag:hover{opacity:1.0;filter:alpha(opacity=100);}
#tn{padding:0 2 2 0;position:relative;left:0px;height:121px;width:145px;background-color:#FFFFFF;opacity:1.0;filter:alpha(opacity=100);border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;}
div#kopjes{background-color:#f6f6f6;text-align:left;width:848px;height:38px;margin:0 0 3px 0;padding-top:0px;border-radius:0.5em 0.5em 0.5em 0.5em;z-index:1101;}
.kopnaam{text-align:left;width:146px;height:36px;background-color:#f6f6f6;clear:left;float:left;position:relative;left:-5px;font-weight:bold;padding:0 0 0 158px;margin-left:4px;font-weight:bold;z-index:1111;}
.koptype{text-align:left;width:139px;height:36px;background-color:#f6f6f6;float:left;font-weight:bold;padding:0 0 0 5px;z-index:1111;}
.kophaven{text-align:left;width:110px;height:36px;background-color:#f6f6f6;float:left;font-weight:bold;padding:0 0 0 5px;z-index:1111;}
.koppers{text-align:left;width:84px;height:36px;background-color:#f6f6f6;float:left;font-weight:bold;padding:0 0 0 5px;z-index:1111;}
/*.koppers{text-align:left;width:144px;height:36px;background-color:#f6f6f6;float:left;font-weight:bold;padding:0 0 0 3px;}*/
.kopwedg{text-align:left;width:88px;height:36px;background-color:#f6f6f6;float:left;font-weight:bold;padding:0 0 0 20px;z-index:1111;}
.kopwkdg{text-align:left;width:48px;height:36px;background-color:#f6f6f6;float:left;font-weight:bold;padding:0 0 0 10px;z-index:1111;}
.kopwe{text-align:left;width:90px;height:36px;background-color:#f6f6f6;float:left;font-weight:bold;padding:0 0 0 62px;z-index:1111;}
.kopmw{text-align:left;width:60px;height:36px;background-color:#f6f6f6;float:left;font-weight:bold;padding:0 0 0 12px;z-index:1111;}
.kopmw{text-align:left;width:110px;height:36px;background-color:#f6f6f6;float:left;font-weight:bold;padding:0 0 0 62px;z-index:1111;}
/*.kopwk{text-align:left;width:90px;height:36px;background-color:#f6f6f6;float:left;font-weight:bold;padding:0 0 0 62px;}*/
.naam{text-align:left;width:150px;height:18px;position:relative;top:-120px;float:left;left:156px;padding:0 0 0 5px;z-index:1111;}
.type{text-align:left;width:140px;height:18px;position:relative;top:-120px;float:left;left:156px;padding:0 0 0 5px;font-weight:bold;z-index:1111;}
.haven{text-align:left;width:108px;height:18px;position:relative;top:-120px;float:left;left:156px;padding:0 0 0 5px;font-weight:bold;z-index:1111;}
.pers{text-align:left;width:102px;height:18px;position:relative;top:-120px;float:left;left:156px;padding:0 0 0 5px;font-weight:bold;z-index:1111;}
.wedg{text-align:left;width:92px;height:18px;position:relative;top:-120px;float:left;left:156px;padding:0 0 0 5px;font-weight:bold;z-index:1111;}
.wkdg{text-align:left;width:60px;height:18px;position:relative;top:-120px;float:left;left:156px;padding:0 0 0 5px;font-weight:bold;z-index:1111;}
.huurprijs{text-align:left;width:110px;height:18px;position:relative;top:-120px;float:left;left:156px;padding:0 0 0 45px;font-weight:bold;z-index:1111;}
.bijz{position:relative;padding-left:5px;top:-107px;left:156px;width:400px;height:110px;}
.huttekst{position:relative;top:-200px;clear:left;left:596px;width:115px;margin-right:5px;}
/*.helaas{clear:left;float:left;position:relative;top:-40px;margin:0px 0 0px 0px;width:696px;height:12px;padding-left:158px;padding-top:2px;padding-bottom:5px;text-align:center;box-shadow:3px 3px 6px 3px #999999;background-color:#f6f6f6;opacity:0.9;filter:alpha(opacity=90);border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}
*/
.helaas{clear:left;float:left;width:824px;min-height:620px;position:relative;top:135px;text-align:left;padding:5 15 5 15;margin:0 auto 30 auto;box-shadow:3px 3px 6px 3px #999999;background-color:#FFFFFF;opacity:0.9;filter:alpha(opacity=90);border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}
.helaas2{width:824px;min-height:620px;position:relative;top:135px;text-align:left;padding:5 15 5 15;margin:0 auto 30 auto;box-shadow:3px 3px 6px 3px #999999;background-color:#FFFFFF;opacity:0.9;filter:alpha(opacity=90);border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}

#meteen{min-width:800px;position:relative;top:10px;} 
div#gevonden{clear:left;float:left;position:relative;top:-115px;margin:0px 0 0px 0px;width:696px;height:24px;padding-left:158px;padding-top:15px;padding-bottom:5px;box-shadow:3px 3px 6px 3px #999999;background-color:#f6f6f6;opacity:0.9;filter:alpha(opacity=90);border-radius:0.5em 0.5em 0em 0em;z-index:-1;}
div#kerstwens{clear:left;float:left;position:relative;top:-115px;margin:0px 0 0px 0px;width:696px;height:auto;padding-left:158px;padding-top:15px;padding-bottom:5px;box-shadow:3px 3px 6px 3px #999999;background-color:#f6f6f6;opacity:0.9;filter:alpha(opacity=90);border-radius:0.5em 0.5em 0em 0em;}
/*div#helaas{clear:left;float:left;position:relative;top:-40px;margin:0px 0 0px 0px;width:696px;height:36px;padding-left:158px;padding-top:2px;padding-bottom:5px;box-shadow:3px 3px 6px 3px #999999;background-color:#f6f6f6;opacity:0.9;filter:alpha(opacity=90);border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}*/
div#opnieuw{clear:left;float:left;position:relative;top:-74px;left:1px;margin:20px 0 20px 0px;width:310px;height:36px;padding-left:158px;padding-top:15px;box-shadow:3px 3px 6px 3px #999999;background-color:#f6f6f6;opacity:0.9;filter:alpha(opacity=90);border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}
.fb-like{float:left;position:relative;top:030px;left:-14px;margin:0px 0 0px 0px;width:450px;height:36px;padding-left:18px;padding-top:15px;box-shadow:3px 3px 6px 3px #999999;background-color:#f6f6f6;opacity:0.9;filter:alpha(opacity=90);border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}
#zoeken, #zoekenmobiel{margin-top:10px;height:140px;width:100%;background-color:#f6f6f6;opacity:0.9;filter:alpha(opacity=90);padding-top:12px;box-shadow:3px 3px 6px 3px #999999;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}
#zoekenmobiel3{position:relative;margin-top:10px;height:140px;width:94%;background-color:#f6f6f6;opacity:0.9;filter:alpha(opacity=90);padding-top:12px;box-shadow:3px 3px 6px 3px #999999;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}
#zoeken2, #zoekenmobiel2{margin-top:10px;height:70px;width:100%;background-color:#f6f6f6;opacity:0.9;filter:alpha(opacity=90);padding-top:12px;box-shadow:3px 3px 6px 3px #999999;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}
.zoeken_links{width:310px;height:20px;float:left;background-color:#f6f6f6;opacity:0.9;filter:alpha(opacity=90);padding:7px 15px 3px 5px;text-align:right;margin-left:97px;}
.zoeken_rechts{width:310px;height:20px;float:right;background-color:#f6f6f6;opacity:0.9;filter:alpha(opacity=90);padding:3px 5px 7px 15px;text-align:left;margin-right:97px;}
.zoeken_onder_links{width:290px;height:20px;float:left;opacity:0.9;filter:alpha(opacity=90);padding:7px 15px 3px 5px;text-align:right;margin-left:97px;}
.zoeken_onder_rechts{width:290px;height:20px;float:right;opacity:0.9;filter:alpha(opacity=90);padding:3px 5px 7px 15px;text-align:left;margin-right:97px;}
.zoeken_onder_rechts2{width:25%;height:20px;opacity:0.9;filter:alpha(opacity=90);padding:3px 5px 7px 15px;text-align:left;margin-right:10px;}
.inhoud, .inhoudmobiel{width:824px;min-height:620px;position:relative;top:135px;text-align:left;padding:5 5 5 15;margin:0 auto 30 auto;box-shadow:3px 3px 6px 3px #999999;background-color:#FFFFFF;opacity:0.9;filter:alpha(opacity=90);border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}
.inhoud2{width:824px;min-height:620px;position:relative;top:135px;text-align:right;padding:5 5 5 15;margin:0 auto 30 auto;box-shadow:3px 3px 6px 3px #999999;background-color:#FFFFFF;opacity:0.9;filter:alpha(opacity=90);border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}
#inhoudhavens{width:954px;position:relative;top:75px;text-align:left;padding:5 5 5 15;box-shadow:3px 3px 6px 3px #999999;margin:0 auto 30 auto;background-color:#FFFFFF;opacity:0.9;filter:alpha(opacity=90);border-radius:0.5em 0.5em 0.5em 0.5em;}
.inhoudmeez{width:994px;min-height:620px;position:relative;top:135px;text-align:left;padding:5 15 5 15;margin:0 auto 30 auto;box-shadow:3px 3px 6px 3px #999999;background-color:#FFFFFF;opacity:0.9;filter:alpha(opacity=90);border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}
#zoekresultaten{width:854px;position:relative;top:65px;text-align:left;padding:65 5 5 15;margin:0 auto 15 auto;}
#meerinfo{width:834px;height:1500px;position:relative;top:125px;text-align:left;padding:5 5 5 15;margin:0 auto 30 auto;background-color:#FFFFFF;box-shadow:3px 3px 6px 3px #999999;border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:red;border-radius:0.5em 0.5em 0.5em 0.5em;}
#schoener{width:834px;height:1500px;position:relative;top:125px;text-align:left;padding:5 5 5 15;margin:0 auto 30 auto;background-color:#FFFFFF;opacity:0.9;filter:alpha(opacity=90);}
div#box1{background-color:white;float:left;width:140px;height:15px;}
div#box2{background-color:white;float:left;width:140px;height:15px;}
div#box3{background-color:white;float:left;width:140px;height:15px;}
div#box4{background-color:white;float:left;width:140px;height:15px;}
div#box5{background-color:white;float:left;width:140px;height:15px;}
div#box6{background-color:white;float:left;width:140px;height:15px;}
div#box0{float:left;width:100%;height:15px;}
div#box7{background-color:white;float:left;width:140px;height:15px;}
div#box8{background-color:white;float:left;width:140px;height:15px;}
div#box9{background-color:white;float:left;width:140px;height:15px;}
div#box10{background-color:white;float:left;width:140px;height:15px;}
div#box11{background-color:white;float:left;width:140px;height:15px;}
div#box12{background-color:white;float:left;width:140px;height:15px;}
div#klipper_afb{top:10px;width:100%;text-align:center;}
div#klipper_links1{top:10px;width:20%;float:left;margin:10px 10px 10px 10px;text-align:right;}
div#klipper_links2{top:10px;width:20%;float:left;margin:10px 10px 10px 10px;text-align:left;}
div#klipper_rechts1{top:10px;width:20%;float:left;margin:10px 10px 10px 10px;text-align:right;}
div#klipper_rechts2{top:10px;width:30%;float:left;margin:10px 10px 10px 10px;text-align:left;}
div#schoener_links1{width:400px;float:left;padding:10px 10px 10px 10px;text-align:left;}
div#schoener_links2{width:400px;float:left;padding:10px 10px 10px 10px;text-align:left;}
div#schoener_links3{width:400px;float:left;padding:10px 10px 10px 10px;text-align:left;}
div#schoener_links4{width:400px;float:left;padding:10px 10px 10px 10px;text-align:left;}
div#schoener_rechts1{width:376px;float:left;padding:10px 10px 10px 10px;text-align:left;}
div#schoener_rechts2{width:376px;float:left;padding:10px 10px 10px 10px;text-align:left;}
div#schoener_rechts3{width:376px;float:left;padding:10px 10px 10px 10px;text-align:left;}
div#schoener_rechts4{width:376px;float:left;padding:10px 10px 10px 10px;text-align:left;}
.informeren_links{bgcolor:yellow;width:45%;height:22px;float:left;margin:0px 0px 0px 5px;text-align:right;}
.informeren_rechts{width:45%;height:22px;float:right;margin:0px 0px 0px 5px;text-align:left;}
.informerensch_links{bgcolor:yellow;width:45%;height:22px;float:left;margin:0px 5px 0px 0px;text-align:right;}
.informerensch_rechts{width:45%;height:22px;float:right;margin:0px 0px 0px 5px;text-align:left;}
div#informeren_kopje{width:840px;height:20px;float:left;padding:20px 10px 20px 10px;text-align:center;}
div#schip_afbeelding{width:600px;float:left;padding:0 0 0 0;text-align:center;}
div#schip_gegevens{width:230px;float:left;margin-top:20px;padding:0 0 0 0;text-align:center;vertical-align:middle;}
.schip_gegevenslinks{height:15px;width:140px;float:left;padding:0 0 0 0;text-align:right;}
.schip_gegevensrechts{height:15px;width:85px;float:left;padding:0 0 0 5px;text-align:left;}
div#scheepsinfo{width:95%;clear:left;float:left;padding:10px 10px 10px 10px;text-align:left;}
div#indelingprijzen{width:100%;clear:left;float:left;padding:0 0 0 0;text-align:center;}
div#indeling{width:300px;clear:left;float:left;padding:0 0 0 0;text-align:center;}
.indelinglinks{width:140px;height:15px;float:left;padding:0 5px 0 0;text-align:right;}
.indelingrechts{width:140px;height:15px;float:left;padding:0 0 0 5px;text-align:left;}
div#prijzen{width:300px;float:right;padding:0 0 0 0;text-align:center;}
.prijzenlinks{width:140px;height:15px;float:left;padding:0 5px 0 0;text-align:right;}
.prijzenrechts{width:140px;height:15px;float:left;padding:0 0 0 5px;text-align:left;}
div#pg{width:100%;float:left;padding:10px 10px 10px 10px;text-align:center;}
div#extrainfo{width:100%;float:left;padding:10px 10px 10px 10px;text-align:center;}
div#aanvragen{width:100%;clear:left;float:left;padding:10px 10px 10px 10px;text-align:center;}
div#aanvragenx{width:100%;clear:left;float:left;padding:10px 10px 10px 10px;text-align:center;}
#back-top{position:fixed;bottom:0;margin-left:0px;width:180 px;text-align:right;clear:both;}
#back-top a{color:#ada597;text-transform:uppercase;text-decoration:none;-webkit-transition:background-color .7s;-moz-transition:background-color .7s;-o-transition:background-color .7s;transition:background-color .7s;}
#zoekenzoeken{min-height:120px;}
#zoekenzoeken2{min-height:20px;}
img{max-width:95%!important;}
#map img{max-width:none!important;}
.fb_iframe_widget{display:none!important;}
#menu-icon{display:none;}
div#taal{float:right;position:absolute;right:10px;left:auto;top:30px;z-index:999999;}
#zoekresultaten #tn{background:none;border-bottom:none;border-radius:0.5em;}
#zoekresultaten #tn img{border-radius:0.5em 0 0 0.5em;}
#zoekresultaten .inhoud{min-height:50px;top:-80px;}
#zoekresultaten .inhoud2{min-height:50px;top:-80px;}
#zoekresultaten .helaas{min-height:30px;top:-80px;}
#meerinfo{height:auto;}
#meerinfo .flex-item-gevonden{float:left;}
#meerinfo #zoekenzoeken{display:none;}
#meerinfo #zoekenzoeken2{display:none;}
.clear{clear:both;}
div#havens, div#havensoverzicht{width:98%;min-height:850px;background-position:left top;background-size:100%;}
#zoekenmobiel{display:none;}
#zoekenmobiel3{display:none;}
#inhoudmobiel{display:none;}
#gevonden #sorteren{display:none;}
#aanvragen{clear:both;margin:40px auto 30px auto;text-align:center;width:100%;}
#aanvragen a:link{border:1px #333 solid;background:#6DC2FF;color:#000!important;margin:20px 0px 20px 0;padding:10px;line-height:30px;border-radius:5px;font-weight:bold!important;}
#aanvragen hover{border:1px #333 solid;background:white;color:#000!important;margin:20px 0px 20px 0;padding:10px;line-height:30px;border-radius:5px;font-weight:bold!important;}
#aanvragen a:visited{background:#6DC2FF;color:#000!important;margin:20px 0px 20px 0;padding:10px;border-radius:5px;font-weight:bold!important;}
#aanvragenx{clear:both;margin:40px auto 30px auto;text-align:center;width:100%;}
#aanvragenx a:link{border:1px #333 solid;background:#6DC2FF;color:#000!important;margin:20px 0px 20px 0;padding:10px;line-height:30px;border-radius:5px;font-weight:bold!important;}
#aanvragenx a:visited{background:#6DC2FF;color:#000!important;margin:20px 0px 20px 0;padding:10px;border-radius:5px;font-weight:bold!important;}
#terug a:link{background:#ccc;padding:7px;border:1px #333 solid;border-radius:5px;}
#terug a:hover{background:#999;color:#000!important;}
#info{display:none;}
#map{float:left;width:75%;margin:0 0 40px 0;}
#koppie{float:right;width:20%;margin:-15px 0 0 0;}
#side_bar{float:right;width:20%;height:560px!important;margin:0 0 40px 0;}
.ligplaatsen_mobiel{display:none;}

@media screen and (max-width:1680px){#subnaam{font-size:21px!important;}
}
@media screen and (max-width:1440px){div#naam{width:200px!important;}
#naam A:link{font-size:40px!important;}
div#subnaam{top:-40px;left:-24px;font-size:17px!important;}
}

@media screen and (max-width:1020px){body{float:left;position:relative;width:100%;}
#kopafbeelding{float:left;position:relative;}
div#naam{width:150px!important;}
#naam img{max-width:100%!important;}
#naam A:link{font-size:30px!important;}
div#subnaam{position:relative!important;top:-108px!important;left:20px!important;font-size:17px!important;}
#nav_container{position:relative;top:30px!important;width:696px!important;padding-top:15px;background-color:cornflowerblue;}
#nav_container ul#nav{position:relative;/*top:-60px;*/left:2%;width:auto;max-width:99%;z-index:99;}
#nav_container ul#nav li{width:auto;margin:0 20px 0 0;padding:10px;}
#nav_container ul#nav li ul li{width:130px;padding:10px 0;} 


div#nav_container{position:static;background:none;border-bottom:none;box-shadow:none;}
#menu-icon{position:absolute;top:5px;left:5px;z-index:99999;display:inline-block;background:url(https://www.zeilcharter.nl/menu.png);background-repeat:no-repeat;height:50px;width:100px;}
#nav_container ul#nav{position:absolute;float:left;display:none;top:40px;padding:0px 0 10px 0;height:auto;box-shadow:5px 5px 15px 1px #666;}
#nav_container ul#nav li{text-align:left;padding:10px 10px 0px 10px;width:200px;margin:0 20px 0 0;display:block;clear:left;}






#zoekresultaten{top:135px;width:857px;max-width:95%;padding:65 0 5 0;}
#zoeken{float:left;width:857px;max-width:100%;margin:0 auto;}
.zoeken_links, .zoeken_onder_links{width:40%;margin:0px;height:auto;min-height:20px;clear:left;background:none;}
.zoeken_rechts, .zoeken_onder_rechts{width:40%;margin:0px;background:none;}
.zoeken_rechts, .zoeken_onder_rechts2{width:25%;margin:0px;background:none;}
.inhoud{width:94%;padding:2%;}
.inhoud2{width:94%;padding:2%;}
.helaas{width:94%;padding:2%;}
.inhoudmobiel{width:94%;padding:2%;}
#zoekresultaten .inhoud{width:96%;padding:2%;min-height:120px;}
#zoekresultaten .inhoud2{width:96%;padding:2%;}
#zoekresultaten .jmmer{width:96%;padding:2%;min-height:40px;}
#zoekresultaten .inhoud form{min-height:50px;}
#zoekresultaten .inhoud2 form{min-height:1px;}
#meteen{min-width:100%;width:100%;}
#havensoverzicht{max-width:95%;background-size:100%;}
#inhoudhavens{float:none;width:95%;top:130px;}
table{width:100%;}
#map{width:99%!important;}
#koppie, #side_bar{clear:both;width:99%;height:auto!important;}
#meerinfo{width:91%;padding:2%;}
div#schip_afbeelding{max-width:100%;}
#meerinfo .flex-item-gevonden{width:100%;}
#informeren_kopje{width:95%!important;}
.informeren_links{width:30%;}
.informeren_rechts{width:65%;}
form{min-height:10px;}
form input, form textarea{max-width:100%;}
#meerinfo form{min-height:300px;}
}

@media screen and (max-width:900px){#zoekresultaten #gevonden{width:96%;padding:2%;border-radius:0.5em;height:auto;}
#zoekresultaten #kerstwens{width:96%;padding:2%;border-radius:0.5em;height:auto;}
#zoekresultaten #sticky{width:696px;padding:10 0 1% 0;}
#zoekresultaten div#kopjes{width:100%;}
#zoekresultaten .koptype, #zoekresultaten .type{display:none;}
div#regela, div#regelb, div#regeladag ,div#regelbdag{width:100%;}
}

@media screen and (max-width:767px){#zoekresultaten #sticky{display:none;}
div#regela, div#regeladag{top:-20px;}
div#regelb, div#regelbdag{top:-20px;}
#zoekresultaten .bijz{display:none;}
#zoekresultaten .naam{clear:left;width:200px;}
#zoekresultaten .naam:before{content:"naam : ";font-weight:bold;}
#zoekresultaten .naam_d{clear:left;width:200px;}
#zoekresultaten .naam_d:before{content:"Name : ";font-weight:bold;}
#zoekresultaten .haven{clear:left;width:200px;}
#zoekresultaten .haven:before{content:"haven : ";}
#zoekresultaten .haven_d{clear:left;width:200px;}
#zoekresultaten .haven_d:before{content:"Hafen : ";}
#zoekresultaten .pers{clear:left;width:250px;}
#zoekresultaten .pers:before{content:"capaciteit : ";}
#zoekresultaten .pers_d{clear:left;width:250px;}
#zoekresultaten .pers_d:before{content:"Kapazität : ";}
#zoekresultaten .wedg{clear:left;width:200px;}
#zoekresultaten .wedg:before{content:"dagprijs weekend : ";}
#zoekresultaten .wedg_d{clear:left;width:200px;}
#zoekresultaten .wedg_d:before{content:"Wochenendetag : ";}
#zoekresultaten .wkdg{clear:left;width:200px;}
#zoekresultaten .wkdg:before{content:"dagprijs weekdag : ";}
#zoekresultaten .wkdg_d{clear:left;width:200px;}
#zoekresultaten .wkdg_d:before{content:"Wochentag : ";}
#zoekresultaten .weekend{clear:left;width:200px;}
#zoekresultaten .weekend:before{content:"prijs weekend : ";}
#zoekresultaten .weekend_d{clear:left;width:200px;}
#zoekresultaten .weekend_d:before{content:"Preis Wochenende : ";}
#zoekresultaten .midweek{clear:left;width:200px;}
#zoekresultaten .midweek:before{content:"prijs midweek : ";}
#zoekresultaten .midweek_d{clear:left;width:200px;}
#zoekresultaten .midweek_d:before{content:"Preis Kurzwoche : ";}
#zoekresultaten .week{clear:left;width:200px;}
#zoekresultaten .week:before{content:"prijs week : ";}
#zoekresultaten .week_d{clear:left;width:200px;}
#zoekresultaten .week_d:before{content:"Preis Woche : ";}
#zoekresultaten img{position:absolute;left:5px;}
#zoekresultaten .huurprijs{top:-76px;left:-94px;padding:0 0 0 0px;}
#zoekresultaten .huttekst{float:right;position:absolute;right:0px;top:5px;left:auto;}
#zoekresultaten #info{display:block;position:absolute;top:83px;left:340px;padding:3px;border:1px #333 solid;border-radius:5px;background:#6DC2FF;color:#000!important;z-index:99999;}
#zoekresultaten .inhoud{top:-15px;}
#zoekresultaten .inhoud2{top:-15px;}
#zoekresultaten .helaas{top:-15px;}
#zoekresultaten .inhoud form{position:relative;min-height:50px;}
#zoekresultaten .inhoud2 form{position:relative;min-height:50px;}
#zoekresultaten #zoekenzoeken{position:absolute;min-height:120px;}
#zoekresultaten #zoekenzoeken2{position:relative;min-height:20px;}
div#regeladag #info ,div#regelbdag #info{left:auto;right:10px;}
#gevonden #sorteren #kerstwens{display:block;padding:10px 0;position:relative;float:left;width:100%;height:auto;}
}

@media screen and (max-width:700px){
#content{margin-top:-50px;}

/*#subnaam{display:none;}*/

	div#subnaam {
position: relative!important;
top: -108px!important;
left: 20px!important;
font-size: 17px!important;
}

	
	
div#nav_container{position:static;background:none;border-bottom:none;box-shadow:none;}
#menu-icon{position:absolute;top:5px;left:5px;z-index:99999;display:inline-block;background:url(https://www.zeilcharter.nl/menu.png);background-repeat:no-repeat;height:50px;width:100px;}
#nav_container ul#nav{position:absolute;float:left;display:none;top:40px;padding:0px 0 10px 0;height:auto;box-shadow:5px 5px 15px 1px #666;}
#nav_container ul#nav li{text-align:left;padding:10px 10px 0px 10px;width:200px;margin:0 20px 0 0;display:block;clear:left;}
#kopafbeelding #datum{display:none;}
div#taal{top:7px;}
div#prijzen{clear:left;float:left;margin:20px 0 20px 0;}
#zoeken form{min-height:140px;}
.informeren_links, .informerensch_links{width:95%;text-align:left;height:auto;line-height:30px;}
.informeren_rechts, .informerensch_rechts{width:95%;float:left;text-align:left;padding:0 0 20px 0;}
#map, #koppie, #side_bar{display:none;}
.ligplaatsen_mobiel{display:block;position:relative;top:-40px;}
}
@media screen and (max-width:580px){
#naam{position:absolute;}
#subnaam{display:none;}
	#menu-icon{position:absolute;top:5px;left:5px;z-index:99999;display:inline-block;background:url(https://www.zeilcharter.nl/menu.png);background-repeat:no-repeat;height:50px;width:100px;}
#zoeken{padding:10px 2% 10px 2%;width:96%;display:none;}
#inhoud{padding:10px 2% 10px 2%;width:96%;display:none;}
.inhoud2{display:none;}

	#zoekresultaten #gevonden{width:96%;padding:2%;border-radius:0.5em;height:auto;z-index:1001}	
	
#zoekenzoeken{display:none;}
#zoekenzoeken2{display:none;}
#zoekenmobiel{display:block;position:absolute;top:50px;left:0px;opacity:0.99;padding:5px 5px;margin:5px 5px;}
#subnaam{display:none;}

#zoekenmobiel3{display:block;position:relative;top:0px;left:0px;opacity:0.99;}
#inhoudmobiel{display:block;position:absolute;top:0px;left:0px;opacity:0.99;}
#zoekresultaten .inhoud{background:none;box-shadow:none;}
#zoekresultaten .inhoud2{background:none;box-shadow:none;}
#zoekenmobiel .zoeken_rechts{float:left;}
#zoekenmobiel3 .zoeken_rechts{float:left;}
#zoekresultaten div#regela, #zoekresultaten div#regelb, #zoekresultaten div#regeladag, #zoekresultaten div#regelbdag{height:260px;}
#zoekresultaten .naam{position:relative;left:0px;top:25px;}
#zoekresultaten .haven{position:relative;left:0px;top:25px;}
#zoekresultaten .pers{position:relative;left:0px;top:25px;}
#zoekresultaten .wedg{position:relative;left:0px;top:25px;}
#zoekresultaten .wkdg{position:relative;left:0px;top:25px;}
#zoekresultaten .huurprijs{position:absolute;left:5px;top:220px;padding:0 0 0 0px;}
#zoekresultaten .huttekst{float:left;left:170px;}
#zoekresultaten #tn{top:5px;}
#zoekresultaten #tn img{border-radius:0.5em 0.5em 0.5em 0.5em;}
#zoekresultaten #info{top:auto;bottom:21px;right:10px;left:auto;}
div#indeling, div#aanvragen, div#aanvragenx{width:98%;padding:1%;}
div#prijzen{max-width:98%;padding:1%;}
.indelinglinks{clear:left;}
.indelingrechts{width:40px;}
.prijzenrechts{width:110px;}
}
@media screen and (max-width:460px){
	#subnaam{display:none;}

}